<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="./index.css">
  <title>JS Bin</title>
</head>
<body>

  <div class='left-panel'>
    <div class='logo'>MURAL</div>
    <div class='content-box'>
      <div class='subtitle'>MURAL IS A MISSION</div>
      <div class='title'>Community and Transparency</div>
      <div class='content'>Join us on the fron lines of community-led innovation. Focus on what matters.</div>
      <div class='button'>JOIN US</div>
    </div>
  </div>
  
  <div class='right-pannel'>
    <div class="bar">
      <ul class="menu">
        <li class="menu-item">HOME</li>
        <li class="menu-item">ABOUT</li>
        <li class="menu-item">TECHNOLOGY</li>
        <li class="menu-item">CONTACT</li>
      </ul>
      <ul class="login-box">
        <li class="menu-item">Login</li>
        <li class="menu-item sign-in">Sign In</li>
      </ul>
    </div>
    <div class="article">
      <span class="emphasis">Mural</span> is where we accelerate execution for community-lef value creation, and the whole world is our canvas
    </div>
  </div>
</body>
</html>